<template>
  <div>
    <div ref="box">I am DIV</div>
    <custom-dialog v-model="showDialog" show-fullscreen title="标题">
      <template #footer>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
        <div>1</div>
      </template>
    </custom-dialog>
    <el-button @click="changFull">测试全屏</el-button>
    <el-button @click="changShow">测试显示</el-button>
  </div>
</template>

<script type="ts">
/**
 * 组件说明:
 *
 */
import { defineComponent, ref } from "vue";
// import CustomDialog from "/@/components/Global/Dialog/CustomDialog.vue";

export default defineComponent({
  // components: { CustomDialog },
  name: "Test",
  setup() {
    // let box = ref(null);
    // onMounted(()=>{
    //     console.log(box.value)
    // });
    // return {box}

    // const { routers } = systemUtils.getRouters();
    // console.log("routers", routers);
    let full = ref(false);
    function changFull() {
      full.value = !full.value;
    }
    let showDialog = ref(false);
    function changShow() {
      showDialog.value = !showDialog.value;
    }
    function openEvent() {
      console.log("openEvent111");
    }
    function openedEvent() {
      console.log("openedEvent");
    }

    return {
      full,
      changFull,
      showDialog,
      changShow,
      openEvent,
      openedEvent,
    };
  },
});
</script>

<style rel="stylesheet" lang="scss" scoped>
</style>